<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 理想视口的标准的写法 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>公共样式</title>
    <link rel="stylesheet" href="../css/base.css ">
    <link rel="stylesheet" href="../lib/assets/css/amazeui.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/product_info.css">

</head>

<body>
    <!-- 头部 -->
    <header>
        <a href="../index.html" class="header_logo ">
            <img src="../images/header_logo.png" alt="">
        </a>
        <a href="#" class="header_app">
            <img src="../images/header_app.png" alt="">
        </a>
    </header>
    <!-- 搜索框 -->
    <div class="search">
        <input type="text" class="search_text" placeholder="请输入你想比价的商品">
        <input type="button" class="search_btn" value="搜索">
    </div>

    <!-- 面包屑导航 -->
    <ol class="am-breadcrumb">
        <li><a href="#">首页</a></li>
        <li><a href="#">分类</a></li>
        <li class="am-active">内容</li>
        <div class="am-fr">
            <button type="button" class="am-btn am-btn-default am-round">筛选</button>
        </div>
    </ol>

    <!-- 商品信息 -->
    <div class="product" id="productList">
        <!-- <span class="pro_name">女人都是大猪蹄子都是大猪蹄子都是大猪蹄子都是大猪蹄子都是大猪蹄子</span>
        <img src="../images/ic_bcj.png">
        <button type="button" class="am-btn am-btn-warning">收藏</button> -->
    </div>

    <!-- 商品详细参数 -->
    <div class="product_tabs">
        <div class="am-tabs" data-am-tabs>
            <ul class="am-tabs-nav am-nav am-nav-tabs">
                <li class="am-active"><a href="#tab1">比价购买</a></li>
                <li><a href="#tab2">产品参数</a></li>
                <li><a href="#tab3">评价(2322)</a></li>
            </ul>

            <div class="am-tabs-bd">
                <div class="am-tab-panel am-fade am-in am-active" id="tab1">
                    <!-- <div class="price clearfix">
                        <div class="am-fl">
                            <span>京东商城</span>
                        </div>
                        <div class="am-fr">
                            <span>¥1999</span>
                            <button type="button" class="am-btn am-btn-warning">去购买</button>
                        </div>

                    </div>
                    <div class="explain">
                        <span>*实际价格以各网站列出的实时售价为准，我们提供的价格可能有数小时至数日的延迟。</span>
                    </div> -->
                </div>
                <div class="am-tab-panel am-fade" id="tab2"></div>
                <div class="am-tab-panel am-fade" id="tab3">
                    <div class="evaluate_head">
                        <span>网友评价</span>
                    </div>
                    <div class="evaluate_content" id="tab3List">

                    </div>
                    <button type="button" class="am-btn am-btn-default" id="evaluateBtn">查看更多评论</button>
                    <span id="more"></span>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="foot_mod">
        <div class="foot_top">
            <a href="#">登录</a> <a href="#">注册</a>
            <a href="#top" style="width: 40%; border: 0;">
                <img src="http://www.zuyushop.com/wap/images/top.jpg" width="15" height="15">返回顶部</a>
        </div>
        <div class="footer">
            <p>
                <a href="#">手机app下载</a>
                <a href="#">慢慢买手机版</a>
                -- 掌上比价平台
            </p>
            <p>
                m.manmanbuy.com
            </p>
        </div>
    </div>
    <!-- 返回顶部 -->
    <div data-am-widget="gotop" class="am-gotop am-gotop-default">
        <a href="#top" title="回到顶部">
            <span class="am-gotop-title">回到顶部</span>
            <i class="am-gotop-icon am-icon-chevron-up"></i>
        </a>
    </div>

</body>

</html>
<script src="../lib/jquery-1.12.2.min.js"></script>
<script src="../lib/assets/js/amazeui.js"></script>
<script src="../js/product_info.js"></script>
<script src="../lib/arttemplate/template-web.js"></script>
<script type="text/html" id="temProduct">
    {{each arr value index }}
        <span class="pro_name">{{value.productName}}</span>
        {{@ value.productImg}}
        <button type="button" class="am-btn am-btn-warning">收藏</button>
    {{/each}}
</script>
<script type="text/html" id="temTab3">
    {{each arr value index }}
        <div class="content_main">
            <div class="clearfix">
                <span class="name am-fl">{{value.comName}}</span>
                <span class="time am-fr">{{value.comTime}}</span>
            </div>
            <div class="clearfix">
            <span class="form am-fr">{{value.comFrom}}</span>
            </div>
            <span class="main">{{value.comContent}}</span>
            </div>
        </div>
    {{/each}}
</script>
